<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>后台管理系统登录_莞工零食商城</title>
    <link rel="short icon" href="/static/user/images/guangong.ico">
    <link rel="stylesheet" href="/static/admin/layui/css/layui.css">
    <style>
        body{
            display: block;
            width: 100%;
            height: 100%;
            background: url("/static/admin/images/loginbg.jpg");
            /* background-repeat: no-repeat; */
            background-size: cover;
        }
        .loginform{
            border-radius: 5px;
            width: 400px;
            background-color: rgba(255,255,255,.5);
            padding: 20px 10px 0px 10px;
            position: absolute;
            top: 30%;
            left: 0;
            right: 0;
            margin: auto;
        }
        .loginform .title{
            text-align: center;
            height: 25px;
            line-height: 25px;
            font-weight: bold;
            color: #333333;
            margin-bottom: 20px;
        }
        .layui-icon{
            font-size: 20px;
            color: #9c9c9c;
        }
    </style>
</head>
<body>
    <div class="loginform">
        <form action="login" class="layui-form layui-form-pane" method="POST">
            <h1 class="title">管理员登录</h1>
            <!--文本框-->
            <div class="layui-form-item">
                <label for="" class="layui-form-label"><i class="layui-icon layui-icon-username"></i></label>
                <div class="layui-input-block">
                    <input name="name" type="text" class="layui-input" placeholder="请输入用户名" required lay-verify="required">
                </div>
            </div>
            <!--密码框-->
            <div class="layui-form-item">
                <label for="" class="layui-form-label"><i class="layui-icon layui-icon-password"></i></label>
                <div class="layui-input-block">
                    <input name="password" type="password" class="layui-input" placeholder="请输入密码" required lay-verify="required">
            </div>
            <div class="layui-form-item" style="margin-top: 15px;">
                <button lay-submit class="layui-btn layui-btn-fluid">立即提交</button>
            </div>
        </form>
    </div>
</body>
<script src="/static/admin/layui/layui.js"></script>
<script>
    layui.use(['form'],()=>{
        //...
    })
</script>
</html>